<!-- basePages.vue -->
<template>
	<view class="base-page">
		<!-- 子页面内容由插槽填充 -->
        <view class="page-content-wrapper">
            <slot />
        </view>
		<!-- 全局底部 TabBar -->

		<tabBar v-if="showTabBar" />
	</view>
</template>

<script setup>
import { ref } from 'vue'
// 引入全局注册的 tabBar 组件
const showTabBar = ref(true)
</script>

<style scoped>
.base-page {
	position: relative;
	min-height: 100vh;
}

.page-content-wrapper {
    padding-bottom: 120rpx; /* 为tabBar留出空间 */
}
</style>